<template>
<div class="class-item">
    <mt-cell >
        <i class="mint-cell-allow-right"> </i>
        <img slot="icon"  :src="item.img" width="24" height="24">
        <div class="value">
            <p>{{item.text}}</p>
            <p>门面价格 <span class="new-price">￥{{item.newPrice}}</span>&nbsp; &nbsp;市场价格 <span class="old-price">￥{{item.oldPrice}}</span></p>
        </div>
    </mt-cell>
    <!-- <mt-cell v-for="(item,index) in items" :key="index" >
                <i class="mint-cell-allow-right"> </i>
                <img slot="icon"  :src="item.img" width="24" height="24">
                <div class="value">
                  <p>{{item.text}}</p>
                  <p>门面价格 <span class="new-price">￥{{item.newPrice}}</span>&nbsp; &nbsp;市场价格 <span class="old-price">￥{{item.oldPrice}}</span></p>
                </div>  
        </mt-cell>  -->
</div>
</template>

<script>
export default {
    props:['item']
}
</script>

<style scoped>


.class-item img{
  width: 100%;
  height: 100%;
}
.class-item >>> .mint-cell-title{
  width: 5%;
}
.class-item >>> .mint-cell-value{
  width: 70%;
  margin-right: 10vw;
}

.new-price{
  font-size: 18px;
  color: #1aad19;
}
.old-price{
  text-decoration: line-through;
}
</style>